@props([
    'title' => '',
    'value' => '',
    'description' => '',
    'icon' => '',
    'iconColor' => 'text-primary',
    'valueColor' => 'text-primary',
    'class' => 'shadow bg-base-200'
])

<div class="stats {{ $class }}">
    <div class="stat">
        @if($icon)
            <div class="stat-figure {{ $iconColor }}">
                {!! $icon !!}
            </div>
        @endif
        
        @if($title)
            <div class="stat-title">{{ $title }}</div>
        @endif
        
        @if($value)
            <div class="stat-value {{ $valueColor }}">{{ $value }}</div>
        @endif
        
        @if($description)
            <div class="stat-desc">{{ $description }}</div>
        @endif
        
        {{ $slot }}
    </div>
</div> 